<%@ Page Language="C#" %>
<% Boolean isImitatingFacebook = (Request.QueryString["is_facebook"] != null ) ? false : true ;%>
<% if(isImitatingFacebook) {%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" id="facebook">
<head>
	<title>Facebook Emulation</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-language" content="en" />
	<link rel="stylesheet" href="css/facebook-reset.css" type="text/css" media="screen" />
</head>
<body>
	<div id="fbemu-bg">
		<div id="fbemu-logo">
			<img src="//dummyimage.com/200x200/FFCC00/000.gif&amp;text=+maxWidth:200+maxHeight:600" alt="FanPage Logo" />
			<img src="img/fbemu-sidebar.gif" alt="Facebook Sidebar" />
		</div>
		<div id="tab_canvas">
			<%}%>
			
			<!-- START / FanPage content -->
			<style type="text/css">
				<% // Keep your CSS code BEFORE the "root" element //%>
				<!-- #include File="css/app.css" -->
			</style>
			<div id="root">
				<div id="app-content">
					<% // Add your HTML code here! //%>
					<p>
						<strong>Hello World!</strong>
					</p>
					
					<div id="remove-me" style="padding:5px 10px;background:#FEFEDE;">
						<p>
							<strong>isImitatingFacebook: <%=isImitatingFacebook%></strong>
						</p>
						<p><a href="?is_facebook=1">Render the HTML as Facebook.</a></p>
						<p><a href="./">Emulate the HTML on "localhost".</a></p>
					</div>
					
				</div>
			</div>
			<script type="text/javascript">
				<% // Keep your JS code AFTER the "root" element //%>
				<!-- #include File="js/app.js" -->
				
			</script>
			<!-- END / FanPage content -->
			
			<% if(isImitatingFacebook) {%>
		</div>
		<div id="fbemu-footer">
			<img src="img/fbemu-footer.gif" alt="Facebook Footer" />
		</div>
	</div>
	<% 
		// =============
		// = IMPORTANT =
		// =============
		// "js/fbemu-fbjs-lastest.min.js" and "js/fbemu-animation-lastest.min.js" MUST be at the end of the document
	%>
	<script src="js/fbemu-fbjs-lastest.min.js" type="text/javascript"></script>
	<script src="js/fbemu-animation-lastest.min.js" type="text/javascript"></script>
</body>
</html>
<%}%>